<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="../../static/css/bootstrap.min.css">
	<link rel="stylesheet" href="../../static/css/hm.css">
	<link rel="shortcut icon" href="../../static/img/logo.png">
	<script type="text/javascript" src="../../static/js/jquery.min.js"></script>
	<script type="text/javascript" src="../../static/js/popper.min.js"></script>
	<script type="text/javascript" src="../../static/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../../static/js/qrcode.min.js"></script>
	<script type="text/javascript" src="../../static/js/clipboard.min.js"></script>
	<script type="text/javascript" src="./jw.js"></script>
</head>
<body>
     <div id="app">
    	<!-- 左侧 -->
			<div class="left">
				<script src="../../static/fontawesomev5/js/all.min.js" data-auto-replace-svg="nest"></script>
				<style>
					* {
						margin: 0;
						padding: 0;
						list-style: none;
					}

					.logo {
						width: 170px;
						height: 55px;
						margin-top: 20px;
						margin-bottom: 20px;
						background-size: 100% 100%;
                        background-image: url('../../static/img/index_logo.png');
                    	background-position: center;
                    	background-size: 90%;
                    	background-repeat: no-repeat;
					}

					.menu-box {
						padding-left: 15px;
						padding-right: 15px;
						font-family: SourceHanSansSC-regular;
						border-top: 1px solid #fff;
						max-height: 100vh;
						background: #fff;
						width: 200px;
						/* overflow-y: auto; */
					}

					.menu {
						background-color: #fff;
						border-right: 1px solid #e6e6e6;
						list-style: none;
						position: relative;
						margin: 0;
						padding-left: 0;
						text-align: left;
						width: 170px;
						border-right: 1px solid #fff;
						height: 100%;
					}

					.sub-menu {
						background-color: #fff;
						border-right: 1px solid #e6e6e6;
						list-style: none;
						position: relative;
						margin: 0;
						padding-left: 0;
						text-align: left;
						width: 100%;
						border-right: 1px solid #fff;

					}

					.menu>ul {
						display: flex;
						flex-direction: column;
					}

					.menuitem {
						font-size: 14px;
						/*padding: 0 20px;*/
						cursor: pointer;
						position: relative;
						color: #303133;
						-webkit-transition: border-color .3s, background-color .3s, color .3s;
						transition: border-color .3s, background-color .3s, color .3s;
						-webkit-box-sizing: border-box;
						box-sizing: border-box;
						white-space: nowrap;
						margin-top: 6px;
						margin-bottom: 6px;
						border-radius: 10px;
						user-select: none;
						line-height: 40px;
						padding-left: 20px;
					}

					.menu_selected {

						color: rgb(61, 126, 255) !important;
						background-color: #e4edff !important;
					}

					.menu_hover {
						background-color: #e0e8f7 !important;
					}

					.sub-menu .menuitem a {
						/*padding-left: 20px;*/
					}


					.menu>ul>li>ul {
						display: none;
					}

					.padding {
						width: 5px;
						height: 5px;
						display: inline-block
					}

					.up {
						transform: rotateZ(180deg);
						display: inline-block;
					}

					.arrow {
						transition: all 0.5s;
						color: #999999;
					}

					.menu_selected a {
						color: rgb(61, 126, 255) !important;
					}

					.menuitem a {
						color: #303133;
						display: inline-block;
						width: 100%;

					}

					.menuitem a:hover {
						text-decoration: none;
					}
				</style>


				<div class="menu-box">
					<a href="../index/" class="index">
						<div class="logo"></div>
					</a>

					<ul class="menu">
						<li class="menuitem "><a href="../index/"><i class="fas fa-home fa-lg"></i> <i
									class="padding"></i>统计概况</a></li>
						<li class="menuitem"><i class="fas fa-link fa-lg"> </i> <i class="padding"></i>外链管理 <span
								class="arrow"><i class="fa fa-chevron-down fa-xs"></i></span>
							<ul class="sub-menu">
								<li class="menuitem menu_selected"><a href="../jumpWeiXin/">创建链接</a></li>
								<li class="menuitem1xs"></li>
								<li class="menuitem2xs"></li>
							</ul>
						</li>

						<li class="menuitem"><i class="fas fa-qrcode fa-lg"> </i> <i class="padding"></i> 活码管理 <span
								class="arrow up"><i class="fa fa-chevron-down fa-xs"></i></span>
							<ul class="sub-menu">
								<li class="menuitem "><a href="../qun/">群活码</a></li>
								<li class="menuitem "><a href="../kf/">客服码</a></li>
								<li class="menuitem "><a href="../channel/">渠道码</a></li>
							</ul>
						</li>

						<li class="menuitem"><i class="fas fa-shopping-bag fa-lg"> </i> <i class="padding"></i> <a
								href="../tbk/">淘宝客管理</a></li>
						<li class="menuitem"><i class="fas fa-share-alt fa-lg"> </i> <i class="padding"></i> <a
								href="../dwz/">短网址管理</a></li>
						<li class="menuitem"><i class="fas fa-file-image fa-lg"> </i> <i class="padding"></i> <a
								href="../sucai/">素材管理</a></li>

						<li class="menuitem"><i class="fas fa-shopping-bag fa-lg"> </i> <i class="padding"></i> 系统设置
							<span class="arrow up"><i class="fa fa-chevron-down fa-xs"></i></span>
							<ul class="sub-menu">
								<li class="menuitem "><a href="../user/">会员管理</a></li>
								<li class="menuitem "><a href="../config/">域名管理</a></li>
								<!--<li class="menuitem "><a href="../config/yy_config.php"  >配置中心</a></li>-->
								<li class="menuitem "><a href="../plugin/">插件中心</a></li>
								<!--<li class="menuitem "><a href="../up/"  >在线更新</a></li>-->
							</ul>
						</li>

					</ul>

				</div>
				<div class="account" id="accountInfo"></div>

				<script>
					$(function() {
						// 为菜单添加点击事件处理程序，以展开或折叠子菜单
						$('.menu > li').click(function() {
							$(this).find('ul').slideToggle();
							$(this).find("span").toggleClass("up");
							console.log($(this).find("span"))
							event.stopPropagation();
						});

						$('.sub-menu > li').click(function() {

							event.stopPropagation();
						});

						$('.sub-menu > li').hover(function(event) {
							$(this).addClass("menu_hover")
							event.stopPropagation();
							// 当鼠标指针进入 #element 时，执行此处的代码
						}, function(event) {
							$(this).removeClass("menu_hover")
							event.stopPropagation();
							// 当鼠标指针离开 #element 时，执行此处的代码
						});

						init();
					});

					//为菜单添加默认折叠
					function init() {
						$('.menu > li:eq(2)').find("ul").hide();
						$('.menu > li:eq(6)').find("ul").hide();
					}
				</script>

			</div>

    
    	<!-- 右侧 -->
    	<div id="right">
    	    <h3>选择跳转智慧外链类型</h3>
				<div class="data-card">
					<div class="button-view" id="top">

						<a href="../jumpWXapp/">
							<div class="cards ">
								<img width="40" src="/static/img/xcx.png" alt="">
								<span style="padding-left: 10px;">跳转到小程序</span>
							</div>
						</a>
						<a href="../jumpWeiXin/">
							<div class="cards top_selected">
								<img width="40" src="/static/img/wx.png" alt="">
								<span style="padding-left: 10px;">跳转到微信二维码</span>
							</div>
						</a>
						<a href="../jumpJinShan/">
							<div class="cards ">
								<img width="40" src="/static/img/jinshan.png" alt="">
								<span style="padding-left: 10px;">跳转到金山文档</span>
							</div>
						</a>
						<a href="../jumpCaoLiao/">
							<div class="cards ">
								<img width="40" src="/static/img/caoliao.png" alt="">
								<span style="padding-left: 10px;">跳转到草料二维码</span>
							</div>
						</a>

						<a href="../jumpWXwork/">
							<div class="cards ">
								<img width="40" src="/static/img/qywx.png" alt="">
								<span style="padding-left: 10px;">跳转到企业微信</span>
							</div>
						</a>
						<a href="../shareCard/">
							<div class="cards ">
								<img width="40" src="/static/img/wxfx.png" alt="">
								<span style="padding-left: 10px;">微信分享卡片</span>
							</div>
						</a>
						<a href="../jumpQQ/">
							<div class="cards ">
								<img width="40" src="/static/img/qq1.png" alt="">
								<span style="padding-left: 10px;">跳转到个人QQ</span>
							</div>
						</a>
						<a href="../jumpQQqun/">
							<div class="cards ">
								<img width="40" src="/static/img/qq1.png" alt="">
								<span style="padding-left: 10px;">跳转到QQ群</span>
							</div>
						</a>


						<a href="#">
							<div class="cards ">
								<img width="40" src="/static/img/zfb.png" alt="">
								<span style="padding-left: 10px;">跳转支付宝领红包</span>
							</div>
						</a>

						<a href="../jumpLiuLanQi/">
							<div class="cards ">
								<img width="40" src="/static/img/liulanqi.png" alt="">
								<span style="padding-left: 10px;">微信跳到浏览器</span>
							</div>
						</a>

						<div style="clear: both"></div>
					</div>
				</div>
    	    
    		<h3>外部跳微信</h3>
    		<div class="data-card">
    		    
    			<!-- 按钮区域 -->
    			<div class="button-view" id="button-view" style="display:none;">
    				<button class="default-btn" 
    				data-toggle="modal" 
    				data-target="#createJwModal" 
    				onclick="getDomainNameList('create')">创建链接</button>
    			</div>
    
    			<!-- 列表区域 -->
    			<div class="data-list">
    				<table class="table">
    				    <thead></thead>
    				    <tbody></tbody>
    				</table>
    			</div><!-- data-list -->
    			
    			<p class="loading" style="display: none;"></p>
    			
    			<!-- 分页 -->
    			<div class="fenye"></div>
    		</div><!-- data-card -->
    	</div><!-- right -->
    
    	<!-- 创建跳转卡 -->
        <div class="modal fade" id="createJwModal">
            
            <div class="modal-dialog">
                <div class="modal-content">
                    
                        <!-- 头部 -->
                        <div class="modal-header">
                            <h4 class="modal-title">创建链接</h4>
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                        </div><!-- modal-header -->
                        
                        <!-- 表单 -->
                        <div class="modal-body">
                            <form id="createJw" enctype="multipart/form-data">
                            <span class="text">链接标题</span>
                            <input type="text" name="jw_title" class="form-control" autocomplete="off" placeholder="卡片显示的标题">
                            
                            <span class="text">安全防封域名</span>
                            <select name="jw_yccym" class="form-control" title="阿里云OSS、腾讯云OSS、微信云托管等"></select>
                            
                            <span class="text">分享图标</span>
                            <div class="input-group mb-3">
                                <input type="text" name="jw_icon" class="form-control" autocomplete="off" placeholder="粘贴图片链接或上传">
                                <div class="input-group-append">
                                    <span class="input-group-text">
                                        <span id="chooseIMG_1">上传图片</span>
                                        <input type="file" name="file1" id="up1" accept="image/*" class="input-group-text-fileselect" />
                                    </span>
                                </div>
                            </div>
                            
                            <span class="text">背景图片（非必要，不用填）</span>
                            <div class="input-group mb-3">
                                <input type="text" name="jw_bgimg" class="form-control" autocomplete="off" placeholder="默认为：正在跳转至微信...">
                                <div class="input-group-append">
                                    <span class="input-group-text">
                                        <span id="chooseIMG_2">上传图片</span>
                                        <input type="file" name="file2" id="up2" accept="image/*" class="input-group-text-fileselect" />
                                    </span>
                                </div>
                            </div>
                            
                            <span class="text">目标链接</span>
                            <input type="text" name="jw_url" class="form-control" autocomplete="off" placeholder="进入页面后点击背景图片或自动跳转的页面链接">
                            
                            </form>
                        </div><!-- modal-body -->
                        
                        <!-- 底部操作 -->
                        <div class="modal-footer">
                            <div class="footer-btn">
                            <div class="faqnav" title="阅读使用指南">
                                <span class="faq">
                                    <a href="../faq.php?faq=jw" target="_blank">?</a>
                                </span>
                            </div>
                            <div class="btnnav">
                                <button type="button" class="default-btn" onclick="createJw();">立即创建</button>
                            </div>
                        </div>
                        
                    </div><!-- modal-footer -->
                    
                    <!-- 操作反馈 -->
                    <div class="result"></div>
                    
                </div><!-- modal-content -->
            </div><!-- modal-dialog -->
        </div><!-- createJwModal -->
      	
      	<!-- 编辑跳转卡 -->
        <div class="modal fade" id="editJwModal">
            
            <div class="modal-dialog">
                <div class="modal-content">
                    
                        <!-- 头部 -->
                        <div class="modal-header">
                            <h4 class="modal-title">编辑链接</h4>
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                        </div><!-- modal-header -->
                        
                        <!-- 表单 -->
                        <div class="modal-body">
                            <form id="editJw" enctype="multipart/form-data">
                            <span class="text">链接标题</span>
                            <input type="text" name="jw_title" class="form-control" autocomplete="off" placeholder="卡片显示的标题">
                            
                            <span class="text">安全防封域名</span>
                            <select name="jw_yccym" class="form-control" title="阿里云OSS、腾讯云OSS、微信云托管等"></select>
                            
                            <span class="text">分享图标</span>
                            <div class="input-group mb-3">
                                <input type="text" name="jw_icon" class="form-control" autocomplete="off" placeholder="粘贴图片链接或上传">
                                <div class="input-group-append">
                                    <span class="input-group-text">
                                        <span id="chooseIMG_3">上传图片</span>
                                        <input type="file" name="file1" id="up3" accept="image/*" class="input-group-text-fileselect" />
                                    </span>
                                </div>
                            </div>
                            
                            <span class="text">背景图片（非必要，不用填）</span>
                            <div class="input-group mb-3">
                                <input type="text" name="jw_bgimg" class="form-control" autocomplete="off" placeholder="默认为：正在跳转至微信...">
                                <div class="input-group-append">
                                    <span class="input-group-text">
                                        <span id="chooseIMG_4">上传图片</span>
                                        <input type="file" name="file2" id="up4" accept="image/*" class="input-group-text-fileselect" />
                                    </span>
                                </div>
                            </div>
                            
                            <span class="text">目标链接</span>
                            <input type="text" name="jw_url" class="form-control" autocomplete="off" placeholder="进入页面后点击背景图片或自动跳转的页面链接">
                            
                            <!--ID，隐藏域-->
                            <input type="hidden" name="jw_id">
                            
                            </form>
                        </div><!-- modal-body -->
                        
                        <!-- 底部操作 -->
                        <div class="modal-footer">
                            <div class="footer-btn">
                            <div class="faqnav" title="阅读使用指南">
                                <span class="faq">
                                    <a href="../faq.php?faq=jw" target="_blank">?</a>
                                </span>
                            </div>
                            <div class="btnnav">
                                <button type="button" class="default-btn" onclick="editJw();">提交编辑</button>
                            </div>
                        </div>
                        
                    </div><!-- modal-footer -->
                    
                    <!-- 操作反馈 -->
                    <div class="result"></div>
                    
                </div><!-- modal-content -->
            </div><!-- modal-dialog -->
        </div><!-- editJwModal -->
      	
      	<!-- 确定删除跳转卡 -->
        <div class="modal fade" id="delJwModal">
            
            <div class="modal-dialog">
                <div class="modal-content">
                    
                    <!-- 头部 -->
                    <div class="modal-header">
                        <h4 class="modal-title">删除链接</h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div><!-- modal-header -->
                    
                    <!-- 内容 -->
                    <div class="modal-body">
                        将会删除该链接！删除后无法恢复。
                    </div><!-- modal-body -->
                    
                    <!-- 底部操作 -->
                    <div class="modal-footer"></div><!-- modal-footer -->
                    
                    <!-- 操作反馈 -->
                    <div class="result"></div>
                    
                </div><!-- modal-content -->
            </div><!-- modal-dialog -->
        </div><!-- delJwModal -->
        
        <!-- 分享跳转卡 -->
        <div class="modal fade" id="ShareJwModal">
            
            <div class="modal-dialog">
                <div class="modal-content">
                    
                    <!-- 头部 -->
                    <div class="modal-header">
                        <h4 class="modal-title">分享链接</h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div><!-- modal-header -->
                    
                    <!-- 表单 -->
                    <div class="modal-body">
                        <div class="box">
                            <div class="longUrl"><span class="text">链接：</span><span id="longUrl"></span></div>
                            <div class="Qrcode" id="shareQrcode"></div>
                            <p style="text-align:center;font-size:15px;color:#999;">使用抖音、浏览器等APP扫码</p>
                        </div>
                    </div><!-- modal-body -->
                    
                    <!-- 底部操作 -->
                    <div class="modal-footer"></div>
                    
                    <!-- 操作反馈 -->
                    <div class="result"></div>
                    
                </div><!-- modal-content -->
            </div><!-- modal-dialog -->
        </div><!-- ShareJwModal -->
        
        <!-- 全局信息提示框 -->
        <div id="notification">
            <div id="notification-text"></div>
        </div>
    
    </div><!-- app -->

</body>
</html>